<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        header{
            width: 100%;
            background-color: white;
            border-bottom: 1px solid rgba(0,0,0,0.2);
        }
        section{
            height: 500px;
            width: 1000px;
            margin: 0 auto;/*居中*/
            border: 1px solid red;
            background: url("images/loadimg.jpg") no-repeat;
        }
        .main{
            width: 100%;
            background: #FCFCFC;
        }
        .d1{
            float: right;
            padding-top: 30px;
            border: 1px dashed blue;
            width: 500px;
        }
        .right{
            float: right;
        }
        input{
            text-indent: 2em;
            background: url("images/peo.png") 2px 10px no-repeat white;
            width: 480px;
            line-height: 50px;
            border: 1px solid rgba(0,0,0,0.2);
        }
        p{
            width: 480px;
            margin: 0 auto;
            padding: 4px 0;
        }
        ul{
            width: 480px;
            margin: 0 auto;
        }
        ul li{
            float: left;
            width: 60px;
            height: 60px;
            background: url("images/wbf.png");
            list-style: none;
        }
        ul li:hover
        {
            background: url("images/wbt.png");
        }
        .end{
            background: none;
            width: 240px;
        }
        </style>
</head>
<body>
    <div class="main">
    <header>111</header>
    <section>
        <div class="d1">
            <p>一号店用户登录 <span class="right"><a href="#">注册账号</a></span> </p>
            <p><input type="text" placeholder="邮箱/手机/用户名"></p>
            <p><input type="text" placeholder="密码"></p>
            <p>自动登录<span class="right">忘记密码</span></p>
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li class="end">更多合作网站</li>
            </ul>
        </div>
    </section>
    <footer></footer>
    </div>
</body>
</html>